import MainLayout from "../components/layout";

import { Table, Tooltip } from 'antd';

export default function About() {
    const columns = [
        {
          title: 'Name',
          dataIndex: 'name',
          width: 150,
        },
        {
          title: 'Age',
          dataIndex: 'age',
          width: 150,
        },
        {
          title: 'Address',
          dataIndex: 'address',
          ellipsis: {
            showTitle: false,
          },
          render: address => (
            <Tooltip placement="topLeft" title={address}>
              {address}
            </Tooltip>
          ),
        },
      ];
      
      const data = [];
      for (let i = 0; i < 100; i++) {
        data.push({
          key: i,
          name: `Edward King ${i}`,
          age: 32,
          address: `London, Park Lane no. ${i}`,
        });
      }

    return (<MainLayout>  <Table columns={columns} dataSource={data} pagination={{ pageSize: 50 }} scroll={{ y: 540 }} /></MainLayout>)
}